<template>
    <div>
        

        <!-- 
        1：router-link默认渲染的是a标签，tag可以转换成其他标签
        2：to 要跳转到的路由路径
        3：active-class 被激活的颜色
        4：路由切换后，之前的页面默认是被销毁，当前的页面被挂载
        5：没有路由组件都有自己的$route（自己的路由信息），但$router都同一个的（全局路由）
         -->
        <!-- <router-link  to="/layout/docIndex/VueRoute/home" tag="el-button" active-class="active">首页</router-link>
        <router-link  to="/layout/docIndex/VueRoute/about" tag="el-button" active-class="active">关于</router-link>

        <div>
            <h1>展示区域</h1>
            <keep-alive include="home">
                <router-view></router-view>
            </keep-alive>
        </div> -->



    </div>
</template>
<script>
export default {
    data(){
        return {
            
        }
    }
}
</script>
<style scoped>
.active{
    background-color: blue;
    color: white;
}
</style>